/*   
Theme Name: Asia Putra
Theme URI: -
Description: Themes for Asia Putra
Author: EYES
Author URI: http://eyesimple.us
Version: 1
*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}

/*layout*/
html{ position: relative; left: 0px; min-width: 100%; min-height: 100%; }
body{ background-color: #dbdbdb; position: absolute; top:0px; left:0px; bottom:0px; overflow-x: hidden; height: 100%; }
body.category{ width: 100%; }
a{ text-decoration: none; }
.section{ width: 940px; height: 700px; float: left; margin-top: 20px; }
.wrapper{ margin: 0 auto; width: 940px; position: relative; }
.fl{ float: left; }
.fr{ float: right; }

#cboxOverlay{ background: #000; }
#footer{ font-family: 'Helvetica'; font-size: 8px; color: #454545; float: right; margin-top: 10px; margin-bottom: 30px; }

span.wpcf7-not-valid-tip{ background: none; }
.jspDrag{ background: gray; }

@font-face{  font-family: 'tt250wt';  src: url('fonts/tt250wt.otf') format('opentype'); font-weight: normal; font-style: normal; }
@font-face{  font-family: 'tt500wt';  src: url('fonts/tt500wt.otf') format('opentype'); font-weight: normal; font-style: normal; }
@font-face{  font-family: 'tt750wt';  src: url('fonts/tt750wt.otf') format('opentype'); font-weight: normal; font-style: normal; }
@font-face{  font-family: 'tt1wt';  src: url('fonts/tt1wt.otf') format('opentype'); font-weight: normal; font-style: normal; }

h2{ font-size: 33px; font-family: 'tt1wt'; }
h3{ font-size: 19px; font-family: 'tt750wt'; }
h4{ font-size: 17px; font-family: 'tt500wt'; }

div.wpcf7-validation-errors{ display: none !important; }
span.wpcf7-not-valid-tip{ background: none !important; border: none !important; color: red !important; }
span.wpcf7-form-control-wrap{ position: initial !important; }
div.wpcf7-response-output{ //display: none !important; margin: 0px !important; border: none !important; padding: 0px !important; }
div.wpcf7-mail-sent-ng{ color: red !important; }

.LV_invalid{ color: red; position: absolute; right: 80px; top: 10px; }
.LV_valid{ display: none !important; }

/*menu*/
#about_us .header-content{ background: url('images/bg-about1.png') no-repeat; }
#heavy_machine .header-content{ background: url('images/bg-hvy1.png') no-repeat; }
#projects .header-content{ background: url('images/bg-project1.png') no-repeat; }
#gallery .header-content{ background-color: #584109; }
#contact .header-content{ background-color: rgba(0,0,0,0.8); }

.header-content{ padding: 25px 25px 15px 35px; margin-bottom: 5px; float: left; width: 880px; position: relative; }

.header-content .slogan{ float: left; }
.header-content .slogan img{ margin-right: 15px; float: left; }
.header-content .slogan h3{ font-size: 17px; color: #fff; position: relative; top: 25px; float: left; }
.header-content .slogan p{ font-size: 10px; color: #fff; position: relative; top: 25px; }

.header-content .menu a{ text-decoration: none; color: #dba316; font-size: 13px; font-family: 'tt750wt'; }
.header-content .menu ul{ right: 25px; bottom: 25px; position: absolute; }
.header-content .menu ul li{ float: left; margin-right: 15px; padding-left: 15px; }
.header-content .menu ul li:hover, .header-content .menu ul li.active{ background: url('images/bg_menu_hover.png') no-repeat; background-position: 0px 6px; }
.header-content .menu ul li:hover a, .header-content .menu ul li.active a{ color: #fff; }
.header-content .menu ul li:nth-last-child(1){ margin-right: 0px; }

.header-content .menu a.fr{ padding-left: 15px; }
.header-content .menu a.fr:hover{ color: #fff; background: url('images/bg_menu_hover.png') no-repeat; background-position: 0px 3px; }

/*home*/
#home .top{ float: left; background: url('images/bghome-top.png') no-repeat; width: 940px; height: 338px; background-size: 100% 100%; }
#home .middle{ float: left; border-top: 5px solid #fff; border-bottom: 5px solid #fff; background-color: #000; padding: 35px 0px; width: 100%; }
#home .middle .slogan{ margin: 0 auto; width: 300px; }
#home .middle .slogan img{ float: left; margin-right: 15px; }
#home .middle .slogan h3{ font-size: 19px; color: #fff; position:relative; top: 25px; }
#home .middle .slogan p{ font-size: 10px; color: #fff; position:relative; top: 25px; font-weight: bold; }

#home .bottom{ float: left; background: url('images/bghome-bottom.png') no-repeat; width: 940px; height: 212px; background-size: 100% 100%; }
#home .bottom ul{ margin: 0 auto; width: 705px; //margin-top: 15px; }
#home .bottom ul li{ cursor: pointer; float: left; //margin-right: 60px; padding: 15px; width: 70px; text-align: center; padding-bottom: 0px; }
#home .bottom ul li:nth-child(3){ width: 120px; }
#home .bottom ul li:nth-last-child(1){ margin-right: 0px; }
#home .bottom ul li a{ //float: left; color: #fff; text-decoration: none; font-size: 15px; font-family: 'tt500wt'; }
#home .bottom ul li:hover a{ font-weight: bold; }
#home .bottom ul li:hover{ border-top: 10px solid #ffc206; padding-top: 5px; }

/*about*/
#about_us .content1, #about_us .content2, #about_us .content3{ float: left; width: 100%; margin-bottom: 5px; }

#about_us .content1{ position:relative; background: url('images/bg-about2.png') no-repeat; height: 295px; }
#about_us .content1 h2{ position: absolute; bottom: -7px; left: 70px; color: #fff; }
#about_us .content1 h4{ position: absolute; top: 80px; left: 70px; width: 420px; color: #fff; line-height: 20px; }

#about_us .content2{ background: #000; height: 120px; padding: 20px 0px; position: relative; }
#about_us .content2 .container{ height: 110px; width: 630px; overflow: hidden; position: relative; left: 70px; }
#about_us .content2 .container .element{ color: #fff; font-size: 13px; line-height: 20px; font-family: 'Helvetica'; position: relative; }
#about_us .content2 .container .element .column{ margin-right: 20px; width: 310px !important; }
#about_us .content2 .container .element .column:nth-last-child(2){ margin-right: 0px; }

#about_us .feat_image{ border: 5px solid #fff; width: 170px; height: 170px; overflow: hidden; background: #fff; position: absolute; right: 40px; top: -55px; }
#about_us .feat_image img{ max-height: 170px; }

#about_us .navi_slideshow{ position: absolute; bottom: 10px; right: 220px; width: 70px; }
#about_us .navi_slideshow .btn{ cursor: pointer; background: url('images/btn-flashnews.png') no-repeat; width: 20px; height: 20px; float: left; }
#about_us .navi_slideshow .prev{ background-position: 0px 0px; }
#about_us .navi_slideshow .next{ background-position: -24px 0px; }
#about_us .navi_slideshow .page_num{ color: #999999; font-size: 11px; font-family: 'tt1wt'; float: left; margin: 0px 3px; margin-top: 3px; }

#about_us .content3{ background: url('images/bg-about3.png') no-repeat; height: 130px; margin-bottom: 0px; }

/*heavy*/
#heavy_machine .content1{ position: relative; height: 295px; background: url('images/bg-hvy2.png') no-repeat; width: 940px; float: left; margin-bottom: 5px; }
#heavy_machine .content1 h2{ position: absolute; bottom: 0px; right: 20px; color: #fff; }

#heavy_machine .content2{ float: left; width: 100%; background: #000; position: relative; padding-top: 30px; padding-bottom: 15px; }
#heavy_machine .content2 .featured_img{ background: #fff; border: 5px solid #fff; width: 210px; height: 160px; overflow: hidden; position: absolute; top: -70px; left: 60px; }
#heavy_machine .content2 .featured_img img{ max-width: 210px; }
#heavy_machine .content2 .description{ float: right; width: 540px; margin-right: 40px; }
#heavy_machine .content2 .description p{ font-family: 'Helvetica'; font-size: 12px; line-height: 20px; color: #fff; margin-bottom: 20px; }
#heavy_machine .content2 .description a{ font-family: 'Helvetica'; font-size: 11px; color: #d39f19; float: right; }
#heavy_machine .content2 .description a span{ display: inline-block; width: 20px; height: 20px; background: url('images/btn-flashnews.png') no-repeat; background-position: -26px 2px; left: 5px; top: 5px; position: relative; }
#heavy_machine .content2{  }

#heavy_machine .content3{ float: left; padding: 25px 45px 35px 60px; background: #515151; width: 835px; margin-top: 5px; }
#heavy_machine .content3 p{ float: left; font-family: 'tt250wt'; font-size: 13px; color: #fff; line-height: 20px; }
#heavy_machine .content3 p span{ border-right: 2px solid #d39f19; padding-right: 10px; margin-right: 10px; }
#heavy_machine .content3{  }

#hpopup_overlay{ opacity: 0.5; position: absolute; width: 100%; height: 100%; z-index: 99; background: #000; }
#hpopup{ opacity: 0; z-index: -999; position: absolute; top: 55px; right: 60px; width: 380px; height: 620px; border: 1px solid #fff; }
#hpopup .hp-header{ position: relative; width: 100%; height: 85px; border-bottom: 5px solid #000; background: #d7a316; }
#hpopup .hp-header h2{ position: absolute; top: 50px; left: 45px; color: #fff; }

#hpopup .hp-content-container{ background: #a1a1a1; /* Old browsers */
background: -moz-linear-gradient(top, #a1a1a1 0%, #4d4d4d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a1a1a1), color-stop(100%,#4d4d4d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #a1a1a1 0%,#4d4d4d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #a1a1a1 0%,#4d4d4d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #a1a1a1 0%,#4d4d4d 100%); /* IE10+ */
background: linear-gradient(to bottom, #a1a1a1 0%,#4d4d4d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1a1a1', endColorstr='#4d4d4d',GradientType=0 ); /* IE6-9 */
height: 530px; width: 100%; position: relative; }

#hpopup .hp-content{ position: absolute; left: 45px; top: 40px; width: 300px; height: 440px; color: #fff; font-family: 'tt250wt'; font-size: 14px; line-height: 20px; }
#hpopup .hp-content p{ color: #fff; font-family: 'tt250wt'; font-size: 14px; line-height: 20px; margin-bottom: 30px; }

#heavy_machine .list_popup{ cursor: pointer; }

/*gallery*/
#gallery .content1{ float: left; margin-bottom: 5px; width: 100%; height: 295px; background: #dba316; }
#gallery .content2{ position: relative; float: left; margin-bottom: 5px; width: 100%; height: 160px; background: #000; }
#gallery .caption{ float: left; width: 710px; height: 60px; background: #515151; padding: 35px 115px; }

#gallery .slideshow{ position: absolute; z-index: 10; top: -175px; left: 115px; }
#gallery .slideshow .next, #gallery .slideshow .prev{ cursor: pointer; width: 80px; height: 80px; background: url('images/btn-gallery.png') no-repeat; position: absolute; top: 75px; }
#gallery .slideshow .prev{ background-position: 0px 0px; left: -80px; }
#gallery .slideshow .next{ background-position: -775px 0px; right: -80px; }

#gallery .slideshow .container{ width: 715px; overflow: hidden; height: 280px; }
#gallery .slideshow .container .pic-container{ float: left; position: relative; left: 0px; }
#gallery .slideshow .container .page{ float: left; width: 715px; }
#gallery .slideshow .container .img{ border: 5px solid #fff; background: #fff; width: 125px; height: 125px; overflow: hidden; float: left; margin-right: 10px; margin-bottom: 10px; }
#gallery .slideshow .container .page .img:nth-child(5n){ margin-right: 0px; }
#gallery .slideshow .container .page .img:nth-child(n+6){ margin-bottom: 0px; }
#gallery .slideshow .container .img img{ max-height: 125px; //max-width: 125px; }

#gallery{ position: relative; }
#gallery h2{ position: absolute; bottom: -7px; left: 115px; color: #fff; }
#gallery p.page_numbers{ position: absolute; right: 115px; bottom: 5px; color: #fff; font-family: 'tt1wt'; font-size: 13px; }

#gallery .caption{ line-height: 20px; color: #fff; font-size: 13px; font-family: 'Helvetica'; }

body.category #lightbox-container-image-box{ width: 565px !important; height: 400px !important; }
body.category #lightbox-container-image{ padding: 15px !important; width: 535px !important; height: 370px !important; }
body.category #lightbox-container-image img{ max-width: 565px !important; max-height: 370px !important; }
body.category #lightbox-container-image-data-box{ width: 565px !important; padding: 0px !important; }
body.category #lightbox-secNav{ display: none !important; }
body.category #lightbox-container-image-data #lightbox-image-details{ width: 100% !important; }

body.category #lightbox-nav-btnNext, body.category #lightbox-nav-btnPrev{ top: 165px; position: absolute; width: 80px; height: 80px !important; background: url('images/btn-gallery.png') no-repeat !important; }
body.category #lightbox-nav-btnPrev{ background-position: 0px 0px; left: -85px; }
body.category #lightbox-nav-btnNext{ background-position: -775px 0px !important; right: -85px; }

/*contact*/
#contact .contact-form{ height: 413px; padding: 85px 20px 20px 133px; background: url('images/bg-contact-form.png') no-repeat; width: 635px; position: absolute; top: 105px; right: -25px; background-position: 0px 0px; }
#contact .contact-form input, #contact .contact-form textarea{ width: 540px; background-color: #ededed; padding: 10px; border: none; }
#contact .contact-form input[type="submit"]{ width: 90px; float: right; margin-right: 75px; cursor: pointer; margin-top: 10px; }
#contact .contact-form textarea{ height: 230px; }
#contact .contact-form .field{ margin: 5px 0px; position: relative; }
#contact .contact-form .line{ border-top: 2px solid #9e9e9e; width: 560px; margin: 10px 0px; }
#contact .content1{ float: left; background: url('images/bg-contact.png') no-repeat; width: 940px; height: 460px; background-size: 100% 100%; }

#contact .content2{ position:relative; margin-top: 5px; padding: 40px 25px 35px 65px; background: #000; float: left; width: 850px; }
#contact .content2 .left{ float: left; }
#contact .content2 .left h2{ color: #fff; }
#contact .content2 .left a{ font-family: 'tt1wt'; color: #575757; font-size: 13px; cursor: pointer; margin-right: 15px; }
#contact .content2 .left a.active, #contact .content2 .left a:hover{ color: #be983c; }

#contact .content2 .right{ float: left; width: 550px; margin-left: 40px; overflow: hidden; position: relative; top: 10px; }
#contact .content2 .right .container{ float: left; width: 1100px; position: relative; left: 0px; }
#contact .content2 .right .container .element{ width: 550px; float: left; }
#contact .content2 .right p{ color: #fff; font-family: 'tt500wt'; font-size: 13px; line-height: 20px; }
#contact .content2 .right p b{ color: #be983c; }

#contact .content2 .prev, #contact .content2 .next{ cursor: pointer; background: url('images/btn-flashnews.png') no-repeat; width: 20px; height: 20px; position: absolute; top: 60px; right: 40px; }
#contact .content2 .prev{ background-position: 0px 0px; }
#contact .content2 .next{ background-position: -24px 0px; }

/*news*/
#news .header-content{ background: #202020; } 
#news .content1{ position: relative; margin-bottom: 5px; width: 100%; height: 410px; float: left; background: #494949; /* Old browsers */ background: -moz-linear-gradient(top, #494949 0%, #000000 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#494949), color-stop(100%,#000000)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #494949 0%,#000000 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #494949 0%,#000000 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #494949 0%,#000000 100%); /* IE10+ */ background: linear-gradient(to bottom, #494949 0%,#000000 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494949', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ }
#news .content2{ position: relative; background: #dba316; height: 130px; float: left; width: 100%; margin-bottom: 5px; }
#news .content3{ position: relative; background: #000; height: 20px; float: left; width: 100%; padding: 10px 0px; }

#news h2{ color: #fff; position: absolute; left: 270px; top: 80px; }
#news p.title{ font-size: 19px; font-family: 'tt1wt'; width: 300px; color: #fff; position: absolute; right: 581px; top: 125px; text-transform: uppercase; text-align: right; }

#news .featured_image{ position: absolute; top: -165px; left: 40px; z-index: 100; }
#news .featured_image .pic_container{ width: 310px; border: 5px solid #fff; height: 230px; overflow: hidden; background: #fff; }
#news .featured_image .pic_container img{ max-width: 310px; max-height: 230px; }

#news .featured_image .pagination{ float: left; margin-top: 15px; width: 320px; }
#news .featured_image .pagination ul li{ cursor: pointer; float: left; width: 10px; height: 10px; background: #dbb965; margin-right: 10px; }
#news .featured_image .pagination ul li:nth-last-child(1){ margin-right: 10px; }
#news .featured_image .pagination ul li:hover, #news .featured_image .pagination ul li.active{ background: #fff; }

#news .date .next, #news .date .prev{ z-index: 10; position: absolute; top: 12px; cursor: pointer; background: url('images/btn-date.png') no-repeat; width: 10px; height: 15px; float: left; }
#news .date .prev{ background-position: 0px 0px; left: 70px; }
#news .date .next{ background-position: -12px 0px; right: 30px; }

#news .date{ float: left; margin-left: 60px; width: 860px; overflow: hidden; height: 17px; }
#news .date #smart-archives-block{ float: left; margin-left: 50px; position: relative; left: 0px; }
#news .date #smart-archives-block li span:nth-last-child(1){ display: none; }
#news .date #smart-archives-block strong{ margin-right: 45px; }
#news .date #smart-archives-block a{ color: #d9a116; font-size: 14px; font-family: 'Helvetica'; text-transform: lowercase; }
#news .date #smart-archives-block li{ float: left; width: 860px; }
#news .date span{ color: #fff; font-family: 'Helvetica'; font-size: 14px; text-transform: lowercase; }

#news .news-content{ font-family: 'Helvetica'; line-height: 20px; font-size: 13px; position: absolute; right: 20px; top: 60px; width: 500px; height: 310px; overflow: hidden; color: #fff; }

#news .articles{ position: absolute; left: 260px; top: 10px; overflow: hidden; width: 630px; height: 100px; }
#news .articles ul li{ width: 480px; padding-left: 150px; }
#news .articles ul li:hover, #news .articles ul li.active{ background: url('images/bg-months.png') no-repeat; }
#news .articles ul li a{ display: block; width: 100%; color: #fff; font-size: 14px; font-family: 'Helvetica'; text-transform: uppercase; line-height: 20px; }

/*scrollpane*/
.scrollthis {height: 373px;}
.jspContainer {overflow: hidden;position: relative;}
.jspPane {position: absolute;}
.jspVerticalBar {position: absolute;top: 0;right: 0;width: 12px; //height: 310px; background: #6b6b6b; }
.jspHorizontalBar {position: absolute;bottom: 0;left: 0;width: 100%;height: 16px;background: red;}
.jspVerticalBar *, .jspHorizontalBar * {margin: 0;padding: 0;}
.jspCap {display: block;}
.jspCapTop {height: 5px}
.jspCapBottom {height:15px;}
.jspHorizontalBar .jspCap {float: left;}
.jspTrack {background: transparent;position: relative;margin: 2px 0;}
.jspDrag {position: relative;top: 0;left: 0;cursor: pointer; margin: 0 2px;}
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {float: left;height: 100%;}
.jspArrow {background: #50506d;text-indent: -20000px;display: block;cursor: pointer; width: 8px; background: transparent url(../../images/sprites-scroll.jpg) 0 0 no-repeat;}
.jspArrow.jspDisabled {cursor: default; opacity: 0.5;}
.jspVerticalBar .jspArrow {height: 6px;margin: 0 2px;}
.jspVerticalBar .jspArrowUp {background-position: 0 0;}
.jspVerticalBar .jspArrowDown {background-position: 0 -6px;}
.jspHorizontalBar .jspArrow {width: 16px;float: left;height: 100%;}
.jspVerticalBar .jspArrow:focus {outline: none;}
.jspCorner {background: #eeeef4;float: left;height: 100%;}

/*projects*/
#projects .content1{ position:relative; background: url('images/bg-project2.png') no-repeat; float: left; width: 100%; height: 295px; }
#projects .content1 h2{ color: #fff; position: absolute; bottom: -5px; left: 70px; }

#projects .content2{ background: #000; float: left; width: 100%; height: 260px; margin: 5px 0px; position: relative; }
#projects .content2 .featured_image{ background: #fff; position: absolute; right: 70px; top: -70px; border: 5px solid #fff; width: 225px; height: 175px; overflow: hidden; }
#projects .content2 .featured_image img{ max-height: 175px; }
#projects .content2 .description{ position: absolute; left: 70px; width: 540px; top: 25px; }
#projects .content2 .description p{ color: #fff; font-size: 13px; font-family: 'tt500wt'; line-height: 20px; }

#projects .content2 .clients{ position: absolute; bottom: 0px; left: 70px; width: 550px; overflow: hidden; height: 125px; }
#projects .content2 .clients-category{ float: left; }
#projects .content2 .clients-category a{ cursor: pointer; margin-right: 45px; float: left; color: #6f6f6f; font-size: 13px; font-family: 'tt250wt'; text-transform: uppercase; }
#projects .content2 .clients-category a:hover, #projects .content2 .clients-category a.active{ color: #dba316; }

#projects .content2 .client-lists{ float: left; width: 550px; margin-top: 25px; margin-bottom: 20px; height: 50px; overflow: hidden; }
#projects .content2 .client-lists p.name, #projects .content2 .client-lists p.short-description{ float: left; color: #fff; font-size: 13px; font-family: 'tt250wt'; line-height: 20px; }
#projects .content2 .client-lists p.name{ margin-right: 25px; width: 85px; }
#projects .content2 .client-lists p.short-description{ width: 440px; }

#projects .content2 .client-lists .client-data{ float: left; width: 550px; position: relative; left: 0px; }
#projects .content2 .clients-category-data{ float: left; display: none; position: relative; left: 0px; }

#projects .content2 .clients-quickmenu{ float: left; width: 100%; margin-bottom: 20px; }
#projects .content2 .clients-quickmenu ul li{ float: left; width: 10px; height: 10px; background: #585858; margin-right: 5px; cursor: pointer; }
#projects .content2 .clients-quickmenu ul li:nth-last-child(1){ margin-right: 0px; }
#projects .content2 .clients-quickmenu ul li.active{ background: #fff; }

#projects .content2 .clients-quickmenu ul{ display: none; }

#projects .content3{ background: #dba316; float: left; width: 100%; height: 30px; }